<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>

<!DOCTYPE html>
<html>
<head>
	<title>个人信息显示</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 引入bootstrap -->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/bootstrap.min.css">
	<!-- 引入JQuery  bootstrap.js-->
	<script src="<%=request.getContextPath()%>/js/jquery-3.2.1.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>

	<%--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">--%>

</head>
<body>
	<!-- 顶栏 -->
	<jsp:include page="top.jsp"></jsp:include>
	<!-- 中间主体 -->
	<div class="container" id="content">
		<div class="row">
			<jsp:include page="menu.jsp"></jsp:include>
			<div class="col-md-10">
				<div class="panel panel-default">
				    <div class="panel-heading">
						<div class="row">
					    	<h1 style="text-align: center;"> 个人信息 </h1>
						</div>
				    </div>
					<table class="table table-bordered">
						<tr>
							<td rowspan="4" width="100px"><img width="90px" height="120px" id="images" alt="用户头像" src="/image/${student.studentimg}"></td>
							<th width="100px">用户序列：</th>
							<td>${student.userid}</td>
							<th width="100px">用户名：</th>
							<td>${student.username}</td>
						</tr>
						<tr>
							<th width="100px">性别：</th>
							<td>${student.sex}</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<th width="100px">生日：</th>
							<td><fmt:formatDate value="${student.birthyear}" dateStyle="medium" /></td>
							<th width="100px">注册时间：</th>
							<td><fmt:formatDate value="${student.grade}" dateStyle="medium" /></td>
						</tr>
						<tr>
							<th width="100px">所属院系：</th>
							<td>${student.collegename}</td>
						</tr>
					</table>
					<div class="panel-footer"> </div>
				</div>

			</div>
		</div>
	</div>
	<div class="container" id="footer">
		<div class="row">
			<div class="col-md-12"></div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$("#nav li:nth-child(1)").addClass("active");

	//窗体加载
	window.onload = function () {
		var onoffswitch = document.getElementById("toggle-button");
		onoffswitch.checked = true;
	}
	//测试开始
	function SwitchClick() {
		var onoffswitch = document.getElementById("toggle-button");
		var label = document.getElementById("batteryIconContent");
		if (onoffswitch.checked) {
			$.ajax({
				url: "setTalk",
				type: "post",
				dataType: "json",
			})
		}
		else {
			//调用后台
		}
	}
</script>
</html>